<script setup> 
import { ElMessageBox } from 'element-plus'
import { revert, dialogVisible } from '@/stores/page';
import  createGroupForm from './createGroupForm.vue'



const handleClose = (done) => {
  ElMessageBox.confirm('退出创建群聊', {
    confirmButtonText: '确定',
    cancelButtonText: '取消',
  })
    .then(() => {
      done()
      console.log('关闭弹窗')
      revert();
    })
    .catch(() => {
      console.log('取消弹窗')
    })
}


</script>

<template>
      <el-dialog
    v-model="dialogVisible"
    title="创建群聊"
    width="800"
    :before-close="handleClose"
    draggable
  >
    <createGroupForm style="margin-top: 10px;"></createGroupForm>
    <!-- <template #footer>
      <div class="dialog-footer">
      </div>
    </template> -->
  </el-dialog>
</template>